/* color-main start */
// $color-main: #1472ff;
$color-main: #EC7B32;
/* color-main end */

/* color-second start */
$color-second-1: #1db800;
$color-second-2: #ff9611;
$color-second-3: #fff2ea;
/* color-second end */

/* color-bg start */
$color-bg-1: #eff2f6;
$color-bg-2: #f6f9fd;
/* color-bg end */

/* color-neutral start */
$color-neutral-1: #363636;
$color-neutral-2: #6b6b6b;
$color-neutral-3: #949494;
$color-neutral-4: #cccccc;
/* color-neutral end */

/* color-border start */
$color-border-1: #e5e5e5;
$color-border-2: #eeeeee;
/* color-border end */

/* color-error start */
$color-error-1: #f9413a;
$color-error-2: #ffebea;
/* color-error end */

/* color-link start */
// $color-link-1: #2192d9;
$color-link-1:#ffceae;
/* color-link end */

/* color-empty start */
$color-empty-1: #f6f6f6;
/* color-empty end */

/* color-table start */
$color-table-1: #fafafa;
/* color-table end */

/* common-shadow start */
@mixin common-main-shadow {
  box-shadow: 0px 4px 9px 0px rgba($color: $color-main, $alpha: 0.2);
}
/* common-shadow end */
/* font-size color start */
@mixin main-color-text {
  color: $color-main;
}
@mixin green-color-text {
  color: $color-second-1;
}
@mixin red-color-text {
  color: $color-error-1;
}
@mixin orange-color-text {
  color: $color-second-2;
}
/* font-size color end */

@mixin common-scrollbar {
  &::-webkit-scrollbar {
    width: 6px;
    height: 6px;
  }
  &::-webkit-scrollbar-track {
    background: transparent;
    border-radius: 2px;
  }
  &::-webkit-scrollbar-thumb {
    background: #e5e5e5;
    border-radius: 10px;
  }
}
